<template>
    <div class="index">
        <h1>Index</h1>
        <router-link to="home">home</router-link>
    </div>
</template>
<script>
  export default {
    name: 'index',
    data: function () {
      return {}
    },
    created: function () {}, // 创建时
    beforeMount: function () {}, // 挂载之前
    mounted: function () {}, // 挂载之后
    beforeUpdate: function () {}, // 数据更新时调用,在渲染之前
    updated: function () {}, // 数据更新后,渲染后调用(禁止)
    beforeDestroy: function () {}, // 实例销毁前调用,解绑中间层的数据传输
    destroyed: function () {}, // 实例销毁后调用
    methods: {} // 函数
  }
</script>
<style lang='scss'>
    .index {
      height: 100%;
      width: 100%;
      box-sizing: border-box;
      background-color: #69da28;
      a{
        font-size: 30px;
      }
    }
</style>
